<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>心悦酒店管理系统(xinyue.com)-酒店预订、酒店查询、宾馆住宿预订</title>
    <!-- App favicon -->
    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    <!-- App css -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/icons.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/style.css" rel="stylesheet" type="text/css" />
    <!-- 引入vue cdn -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 引入axios cdn -->
    <script src="/app/vue/axios/axios.min.js"></script>
    <!-- sweet-alert -->
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>

<body class="account-body">

    <!-- Log In page -->
    <div class="row vh-100">
        <div class="col-lg-3  pr-0">
            <div class="card mb-0 shadow-none">
                <div class="card-body">

                    <div class="px-3">
                        <div class="media">
                            <a href="index.html" class="logo logo-admin"><img src="/assets/images/logo-sm.png"
                                    height="55" alt="logo" class="my-3"></a>
                            <div class="media-body ml-3 align-self-center">
                                <h4 class="mt-0 mb-1">用户登录</h4>
                                <p class="text-muted mb-0">Sign in to continue to xinyue</p>
                            </div>
                        </div>

                        <form class="form-horizontal my-4" id="vue-login" @submit.prevent="doLogin" @keyup.enter="doLogin">

                            <div class="form-group">
                                <label for="username">账号</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="basic-addon1"><i
                                                class="mdi mdi-account-outline font-16"></i></span>
                                    </div>
                                    <input type="text" class="form-control" id="username" placeholder="输入账号"
                                        name="username" required v-model="user.username">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="userpassword">密码</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="basic-addon2"><i
                                                class="mdi mdi-key font-16"></i></span>
                                    </div>
                                    <input type="password" class="form-control" id="userpassword" placeholder="输入密码"
                                        name="password" required v-model="user.password">
                                </div>
                            </div>

                            <div class="form-group row mt-4">
                                <div class="col-sm-6">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" checked class="custom-control-input"
                                            id="customControlInline">
                                        <label class="custom-control-label" for="customControlInline">记住我</label>
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">

                                </div>
                            </div>

                            <div class="form-group mb-0 row">
                                <div class="col-12 mt-2">
                                    <button class="btn btn-primary btn-block waves-effect waves-light" type="submit">登录
                                        <i class="fas fa-sign-in-alt ml-1"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="m-3 text-center bg-light p-3 text-primary">
                        <h5 class="">还不是会员 ? </h5>
                        <p class="font-13">马上 <span>加入</span> 心悦酒店</p>
                        <a href="/hotel/manage/reg" class="btn btn-primary btn-round waves-effect waves-light">免费注册</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-9 p-0 d-flex justify-content-center">
            <div class="accountbg d-flex align-items-center">
                <div class="account-title text-white text-center">
                    <img src="/assets/images/logo-sm.png" alt="" class="thumb-sm">
                    <h4 class="mt-3">心悦酒店欢迎您</h4>
                    <div class="border w-25 mx-auto border-primary"></div>
                    <h1 class="">Enjoy your Journey</h1>
                    <p class="font-14 mt-3">
                        <a href="/" class="text-primary">
                            点击</a>查看更多超值套房
                    </p>

                </div>
            </div>
        </div>
    </div>
    <!-- End Log In page -->


    <!-- jQuery  -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/metisMenu.min.js"></script>
    <script src="/assets/js/waves.min.js"></script>
    <script src="/assets/js/jquery.slimscroll.min.js"></script>

    <!-- App js -->
    <script src="/assets/js/app.js"></script>
    <link href="/toastr-master/toastr.min.css" rel="stylesheet" type="text/css" />
    <script src="/toastr-master/toastr.min.js"></script>
    <script src="/assets/vue/bus.js" type="module"></script>
    <script src="/assets/vue/login.js" type="module"></script>

</body>

</html>